
footer{

    background: #efeeee;
    height: 300px;
    margin: 150px auto 0px;
    width: 102vw;
    padding-top: 100px;
    z-index: -1;
    align-items: center;
}

footer .container{

    margin: 0px auto;
    width: 70%;
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
    align-items: center;
}


.buct-copyright{
    text-align: center!important;
    width: 100%;
    margin: 30px auto!important;
    font-family: "Hind Madurai", sans-serif !important;
    font-size: 20px!important;
    color: slategray;
}

footer .container .box{
    display: flex;
    justify-content: space-around;
    flex-direction: column;
    align-items: center;
    width: 200px;
    height: 140px;
    margin: 20px;

}
footer .container .box .img{
    /*width: 100px;*/
    height: 100px;
    padding: 20px;
    box-shadow: 18px 18px 30px rgba(0, 0, 0, 0.1),
    -18px -18px 30px rgba(255,255,255,1);
    border-radius: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #efeeee;
    transition: box-shadow .4s ease-in-out;
}
footer .container .box .img img{
    height: 100px;
    transition: width .4s ease-out;
}
footer .container .box p{
    margin-top: 20px;
    color: slategray;
}
footer .container .box .img:hover{
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.1),
    0px 0px 0px rgba(255,255,255,1),
    inset 18px 18px 30px rgba(0, 0, 0, 0.1),
    inset -18px -18px 30px rgba(255,255,255,1);
}
footer .container .box .img:hover img{
    height: 94px;
    transition: width .4s ease-out;
}
